<!--
 * @Author: fcli
 * @Date: 2023-09-04 10:32:44
 * @LastEditors: fcli
 * @LastEditTime: 2023-10-27 15:22:02
 * @FilePath: /vue-drag/src/App.vue
 * @Description: 
-->

<template>
  <div class="content">
    <vue-drag right="20px" bottom="30px">
      <div class="circle">+</div>
    </vue-drag>
  </div>
</template>

<script setup lang="ts">
import VueDrag from './plugin/index.vue';
components:{
  VueDrag
}
</script>

<style scoped>
.circle{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1989fa;
  color: #fff;
  font-size: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
</style>
